<template>
  <el-container class="main-container">
    <SideBar />
    <el-container direction="vertical" class="right-container">
      <TopBar />
      <el-main class="main-content">
        <router-view />
      </el-main>
    </el-container>
  </el-container>
</template>
<script setup>
import SideBar from './components/SideBar.vue'
import TopBar from './components/TopBar.vue'
</script>
<style scoped>
/* 保持前面推荐的布局样式 */
.main-container { height: 100vh; }
.right-container { height: 100vh; min-width: 0; flex: 1; display: flex; flex-direction: column; }
.main-content { background: #f5f6fa; flex: 1; padding: 32px 24px 0 24px; overflow: auto; }
</style>
